<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%-- <%@ taglib prefix="s" uri="/struts-tags" %> --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>山西省审计厅档案综合管理系统</title>
		<link rel="shortcut icon" href="${basePath}/img/logo.ico"/>
		<link rel="bookmark" href="${basePath}/img/logo.ico"/>
		<link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<link href="${pageContext.request.contextPath }/css/signin.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath }/css/amazeui.min.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath }/css/styles.css" />
		<script src="${pageContext.request.contextPath }/js/jquery/jquery.min.js"></script>
		<script src="${pageContext.request.contextPath }/js/jquery/jquery.cookie.js"></script>
		<script src="${pageContext.request.contextPath }/js/jquery/Jquery.base64.js"></script>
		<script src="${pageContext.request.contextPath }/js/amazeui.min.js"></script>
		<script src="${pageContext.request.contextPath }/js/app.js"></script>
		<script src="${pageContext.request.contextPath }/zheng-admin-plugins/plugins/wintrue.js"></script>
		<%--<script src="${pageContext.request.contextPath }/js/login/login.js"></script>--%>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery/jquery.form.js"></script>
		<style type="text/css">
			body{
				width: 100%;
				height: 100%;
				margin: 0px;
				padding: 0px;
				background-image:url(img/u63.jpg)
			}
			#ftCon{
				text-align:center;
				width:100%;
				margin:0;
				font:17px arial;
				color: #999;
				line-height: 30px;
				position:absolute;
				bottom:47px;
			}

		</style>
	</head>

	<body>
		<div style="height:80%;min-width: 810px;min-height: 600px;position: relative">
            <center>
                <form id="login_form" action="${pageContext.request.contextPath }/loginuser" method="post" style="margin-top:10%;width:800px">
					 <div id="u94" class="ax_default _三级标题">
						 <div id="u94_div" class=""></div>
						 <div id="u95" class="text" style="visibility: visible; top: 32px; transform-origin: 192px 14.5px 0px;">

							 <img src="${pageContext.request.contextPath }/img/logo.png" alt="" width="800px">
						 </div>
					 </div>
					 <div id="u67" class="ax_default box_1">
						 <div id="u67_div" class=""></div>
						 <div id="u68" class="text" style="visibility: visible;">
							 <p></p>
						 </div>
					 </div>
					<div id="userPwdDiv" class="form-horizontal container-fluid" style="margin-top:20px;height:160px;width:368px;">
						<div id="userNameDiv" class="form-group">
							<input class="form-control" name="username" type="text" id="ppStrone" placeholder="用户名" required autofocus />
						</div>
						<div id="passWordDiv" class="form-group">
							<input class="form-control" name="password" type="password" id="ppPassword" placeholder="密码" required />
						</div>
						<div id="fontsDiv" style="color:#F00">
						</div>
                        <div id="loginButton" class="form-group" style="height: 50px" >
                            <button id="login"  class="btn btn-lg btn-success btn-block" type="submit" style="font-size:15px;margin-top:30px;">登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录</button>
                        </div>

                    </div>
                </form>
            </center>
			<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
				<div class="am-modal-dialog">
					<div class="am-modal-hd">提示：</div>
					<div class="am-modal-bd" id="model"></div>
					<div class="am-modal-footer">
						<span class="am-modal-btn" >确定</span>
					</div>
				</div>
			</div>
			<!-- 错误信息 -->
			<input type="hidden" id="data" value="${objMap2.error}"></input>
			<div id="ftCon">
				<span id="jg" target="_blank" href="http://www.miitbeian.gov.cn/" style="color:#999;font-size: 14px;"><b>技术支持：</b>西安易诺敬业电子科技有限责任公司</span>
			</div>
		</div>

		<script>
            $(document).ready(function () {
                //解决iframe下系统超时无法跳出iframe框架的问题
                if (window != top) {
                    top.location.href = location.href;
                }
				var errorMsg="${msg}";

				if(errorMsg=="60EB894B8E11B6497D101967CEE4C62E"){
                    flash('#userNameDiv',8,10,100);
                    $("#fontsDiv").show();
                    $("#fontsDiv").html("账号不存在！")

                }
                if(errorMsg=="C44DC417D152077E9FF976C711AC0566"){
                    flash('#passWordDiv',8,10,100);
                    $("#fontsDiv").show();
                    $("#fontsDiv").html("密码错误！")

                }
                if(errorMsg=="38D90CE7FA3DB1125366B4D8817689F5"){
                    flash('#userNameDiv',8,10,100);
                    flash('#passWordDiv',8,10,100);
                    $("#fontsDiv").show();
                    $("#fontsDiv").html("账号已锁定！")
                }
                if(errorMsg=="8530D3D5D3CF2E3B78B9AA30C6432B50"){
                    flash('#userNameDiv',8,10,100);
                    $("#fontsDiv").show();
                    $("#fontsDiv").html("请登录后进行操作！")
                }
                if(errorMsg=="7AB519479FC31FACD3B76FE51437BE7B"){
                    flash('#loginButton',8,10,100);
                    $("#fontsDiv").show();
                    $("#fontsDiv").html("请勿在同一浏览器进行多账号登陆！")
                }

                setTimeout(function() {
                    $("#fontsDiv").hide();
                }, 3000);

            });

            //实现页面返回或者刷新后表单中的数据清空
			window.onload = function() {
				document.forms[0].reset();
				placeFocus();
			}

			function placeFocus() {
				document.forms[0].elements[0].focus();
			}

            //登录按钮
            $("#login").click(function() {
                var ppStrone = $("#ppStrone").val();
                var ppPassword = $("#ppPassword").val();
                var cked = document.getElementsByName('checkbox')[0];
                if(ppStrone == null || ppStrone.length == 0) {
                    $("#model").html("请输入账户名！");
                    $modal.modal();
                    return false;
                }
                if(ppPassword == null || ppPassword.length == 0) {
                    $("#model").html("请输入密码！");
                    $modal.modal();
                    return false;
                }

            });

		</script>
	</body>
</html>